<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多选框</title>
    <link rel="stylesheet" href="./view/多选框/styles.css">
</head>
<body>
<!-- Unnamed (Rectangle) -->
<div id="u4115" class="ax_default heading_1">
    <div id="u4115_div" class=""></div>
    <div id="u4115_text" class="text ">
        <p><span>Checkbox 多选框</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u4116" class="ax_default heading_1">
    <div id="u4116_div" class=""></div>
    <div id="u4116_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u4117" class="ax_default label">
    <div id="u4117_div" class=""></div>
    <div id="u4117_text" class="text ">
        <p><span>基本组件-多选框。主要用于一组可选项多项选择，或者单独用于标记切换某种状态。</span></p><p><span><br></span></p><p><span><br></span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u4118" class="ax_default" data-left="230" data-top="274" data-width="98" data-height="20">

    <!-- Unnamed (Rectangle) -->
    <div id="u4119" class="ax_default box_1 selected">
        <div id="u4119_div" class="selected"></div>
        <div id="u4119_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u4120" class="ax_default label selected">
        <div id="u4120_div" class="selected"></div>
        <div id="u4120_text" class="text ">
            <p><span style="font-family:'Ionicons';"></span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Twitter</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u4121" class="ax_default" data-left="328" data-top="274" data-width="119" data-height="20">

    <!-- Unnamed (Rectangle) -->
    <div id="u4122" class="ax_default box_1 selected">
        <div id="u4122_div" class="selected"></div>
        <div id="u4122_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u4123" class="ax_default label selected">
        <div id="u4123_div" class="selected"></div>
        <div id="u4123_text" class="text ">
            <p><span style="font-family:'Ionicons';"> </span><span style="font-family:'LucidaGrande', 'Lucida Grande';">Facebook</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u4124" class="ax_default" data-left="447" data-top="274" data-width="101" data-height="20">

    <!-- Unnamed (Rectangle) -->
    <div id="u4125" class="ax_default box_1 selected">
        <div id="u4125_div" class="selected"></div>
        <div id="u4125_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u4126" class="ax_default label selected">
        <div id="u4126_div" class="selected"></div>
        <div id="u4126_text" class="text ">
            <p><span style="font-family:'Ionicons';"> </span><span style="font-family:'LucidaGrande', 'Lucida Grande';">Github</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u4127" class="ax_default" data-left="548" data-top="274" data-width="117" data-height="20">

    <!-- Unnamed (Rectangle) -->
    <div id="u4128" class="ax_default box_1 selected">
        <div id="u4128_div" class="selected"></div>
        <div id="u4128_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u4129" class="ax_default label selected">
        <div id="u4129_div" class="selected"></div>
        <div id="u4129_text" class="text ">
            <p><span style="font-family:'Ionicons';"> </span><span style="font-family:'LucidaGrande', 'Lucida Grande';">Snapchat</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u4130" class="ax_default" data-left="230" data-top="311" data-width="62" data-height="20">

    <!-- Unnamed (Rectangle) -->
    <div id="u4131" class="ax_default box_1 selected">
        <div id="u4131_div" class="selected"></div>
        <div id="u4131_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u4132" class="ax_default label selected">
        <div id="u4132_div" class="selected"></div>
        <div id="u4132_text" class="text ">
            <p><span>香蕉</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u4133" class="ax_default" data-left="292" data-top="311" data-width="62" data-height="20">

    <!-- Unnamed (Rectangle) -->
    <div id="u4134" class="ax_default box_1 selected">
        <div id="u4134_div" class="selected"></div>
        <div id="u4134_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u4135" class="ax_default label selected">
        <div id="u4135_div" class="selected"></div>
        <div id="u4135_text" class="text ">
            <p><span>苹果</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u4136" class="ax_default" data-left="354" data-top="311" data-width="62" data-height="20">

    <!-- Unnamed (Rectangle) -->
    <div id="u4137" class="ax_default box_1 selected">
        <div id="u4137_div" class="selected"></div>
        <div id="u4137_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u4138" class="ax_default label selected">
        <div id="u4138_div" class="selected"></div>
        <div id="u4138_text" class="text ">
            <p><span>西瓜</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u4139" class="ax_default label">
    <div id="u4139_div" class=""></div>
    <div id="u4139_text" class="text ">
        <p><span>显示边框</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u4140" class="ax_default label">
    <div id="u4140_div" class=""></div>
    <div id="u4140_text" class="text ">
        <p><span>4.0版本新增有边框的多选框</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u4141" class="ax_default" data-left="230" data-top="444" data-width="77" data-height="32">

    <!-- Unnamed (Rectangle) -->
    <div id="u4142" class="ax_default label selected">
        <div id="u4142_div" class="selected"></div>
        <div id="u4142_text" class="text ">
            <p><span>香蕉</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u4143" class="ax_default box_1 selected">
        <div id="u4143_div" class="selected"></div>
        <div id="u4143_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u4144" class="ax_default" data-left="317" data-top="444" data-width="77" data-height="32">

    <!-- Unnamed (Rectangle) -->
    <div id="u4145" class="ax_default label selected">
        <div id="u4145_div" class="selected"></div>
        <div id="u4145_text" class="text ">
            <p><span>苹果</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u4146" class="ax_default box_1 selected">
        <div id="u4146_div" class="selected"></div>
        <div id="u4146_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u4147" class="ax_default" data-left="404" data-top="444" data-width="77" data-height="32">

    <!-- Unnamed (Rectangle) -->
    <div id="u4148" class="ax_default label selected">
        <div id="u4148_div" class="selected"></div>
        <div id="u4148_text" class="text ">
            <p><span>西瓜</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u4149" class="ax_default box_1 selected">
        <div id="u4149_div" class="selected"></div>
        <div id="u4149_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>
</body>
</html>
